<template>
  <div class="check--right1--top">
    <div class="check--right--box">
      <div :class="['check--right--res--title',{small:size == 'small'}]">肿瘤1-肝左叶下段</div>
      <ul class="thyroid--item--cont--box">
        <li>
          <span
            :class="['thyroid--item--cont', { active: digestiveTubercle['1'],small:size == 'small' }]"
          >
            <span>长度(mm):</span>
            <span>{{ digestiveTubercle["1"] }}</span>
          </span>
        </li>
        <li>
          <span
            :class="['thyroid--item--cont', { active: digestiveTubercle['2'],small:size == 'small' }]"
          >
            <span>厚度(mm):</span>
            <span>{{ digestiveTubercle["2"] }}</span>
          </span>
        </li>
        <li>
          <span
            :class="['thyroid--item--cont', { active: digestiveTubercle['3'],small:size == 'small' }]"
          >
            <span>包膜:</span>
            <span>{{ digestiveTubercle["3"] }}</span>
          </span>
        </li>
        <li>
          <span
            :class="['thyroid--item--cont', { active: digestiveTubercle['4'],small:size == 'small' }]"
          >
            <span>内部回声:</span>
            <span>{{ digestiveTubercle["4"] }}</span>
          </span>
        </li>
        <li>
          <span
            :class="['thyroid--item--cont', { active: digestiveTubercle['5'],small:size == 'small' }]"
          >
            <span>周围暗环:</span>
            <span>{{ digestiveTubercle["5"] }}</span>
          </span>
        </li>
        <li>
          <span
            :class="['thyroid--item--cont', { active: digestiveTubercle['6'],small:size == 'small' }]"
          >
            <span>后方回声:</span>
            <span>{{ digestiveTubercle["6"] }}</span>
          </span>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {
  name: "AbaomenTubcle",
  props: ["digestiveTubercle","size"],
};
</script>

<style scoped lang="less">
@import "~@/assets/css/measure.less";
</style>
